<template>
  <!-- 头部部分 -->
  <!-- 2添加：
准备一个数据和输入框双向绑定√
注册键盘回车事件@keyup.enter√
拓展运算符加数组解构添加√
通过子传父将输入框的内容传递给父组件√
父组件接收数据√
(优化：输出完返回空在方法里)√ -->
  <header class="header">
    <h1>todos</h1>
    <input v-model="todoName" @keyup.enter="listAdd" class="new-todo" placeholder="请输入任务名称" autofocus />
  </header>
</template>
 
<script>
export default {
  name: "ListHead",
data(){
  return {
      todoName:""
  }
},
methods:{
listAdd(){
  this.$emit('listAdd',this.todoName)
  this.todoName=''
}
}
};
</script>

<style scoped>
</style>

